<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>斜切变形</title>

        <style>

            /* 将transform属性的值设置为skwe()，即可实现斜切变形
                        transform: skew（10deg,20deg）;
                                      x斜切角度 y斜切角度
            */
            img{
                transform: skew(10deg,20deg);
            }
        </style>
    </head>
    <body>
        <img src="gmsb.png" alt="光明哨兵载入">
    </body>
</html>